<script>
import { onMounted } from 'vue'
import { useCounterStore } from '@/stores/ceshi'
export default {
  setup() {
    const store = useCounterStore()
    onMounted(() => {
      store.aaa()
    })
  }
}
</script>

<template>
  <div id="app">
    <div class="daohan">

    </div>
    <div class="gelidai"></div>
    <el-scrollbar>
      <router-view></router-view>
    </el-scrollbar>

  </div>
</template>

<style scoped lang="less">
#app {
  width: 100%;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  min-width: 1200px;
  padding-top: 80px;
  background-image: linear-gradient(to bottom, #f9eff1, #fff);
  .daohan {
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
    min-width: 1200px;
    height: 80px;
    background-image: radial-gradient(ellipse, #f8f1c7, #eeecde);
    // border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
  }
  .gelidai {
    width: 100%;
    height: 8px;
    background-color: #eeecde;
    background: linear-gradient(to bottom, #eeecde, #cdbf62);
  }
}
</style>
